.column {
  @include flexbox();
  @include flex-direction(column);
  height: 100%;

  .title {
    background: url(image/column.png) no-repeat center;
    font-size: 13px;
    padding-top: 0.02rem;
    font-weight: 600;
  }

  header {
    height: 45px;
    line-height: 45px;
    font-size: .18rem;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #2fd4ac, #2fd494);
  }

  .box {
    @include flex();
    width: 100%;
    overflow-y: scroll;
  }

  ul.list { 
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0rem 0.15rem;
    align-items: center;
    box-sizing: border-box;
    li {
        width: 100%;  
      height: 0.8rem;
      margin-top: 0.2rem;
      border: 1px solid #dbd7d4;
      box-shadow: 1px 1px 10px #dbd7d4;
      &>a {
        @include flexbox();
        align-items: center;
        height: 100%;
        &>div {
          @include flex();
          margin-left: 0.10rem;
          margin-top: -0.03rem;

          &>div {
            @include flexbox();
            @include justify-content(space-between);
            @include align-content(center);
            align-items: center;

            h3 {
              font-size: .14rem;
              width: calc(100% - 0.5rem);
              color: rgba($color: #000000, $alpha: 0.7);
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              font-weight: 500;
              padding-top: 0.07rem;
            }

            .price {
              @include flexbox();
              @include justify-content(center);
              @include align-content(center);
              align-items: center;
              display: flex;
              width: 0.5rem;
              margin: 0.08rem 0.05rem;

              b {
                margin: 0 0 0 0.05rem;
                font-family: HelveticaGre;
                font-size: .14rem;
                color: #f79c0e;
              }
            }

          }

          p {
            font-size: .13rem;
            color: rgba(0, 0, 0, 0.2);
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;

            &:nth-of-type(1) {
              margin-bottom: 0.05rem;
            }

            &:nth-of-type(2) {
              i {
                margin-right: 0.1rem;
              }

            }
          }

          span {
            display: block;
            font-size: .13rem;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: 0.06rem;
          }
        }
      }

    }
  }
}
